<template>
    <div class="sider-container">
        <div class="sider-lists">
            <ul class="menu-list">
                <!-- <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">系统首页</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">组织管理</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">党员管理</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">党建宣传</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">工作新闻</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">党务工作</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">党员发展</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">组织生活</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">党员缴费</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">学习教育</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">任务管理</span>
        </router-link>
        <router-link tag="li">
          <span class="list-icon">
            <img src="a" alt>
          </span>
          <span class="text">服务管理</span>
                </router-link>-->
            </ul>
            <div class="fixed-bottom">
                <span>
                    <img src>
                </span>
            </div>
        </div>
        <div class="sider-show">
            <div class="show-top">
                <p>组织管理</p>
            </div>
            <div class="menu-show" >
                <!-- <router-link tag="li">
          <span class="list-text">
            <p>党组织管理</p>
          </span>
                </router-link>-->
            </div>
        </div>
    </div>
</template>
           
<script>
export default {
    data() {
        return {
            menu: {}
        };
    }
};
</script>
<style scoped lang="scss">
.sider-container {
    width: 320px;
    height: 100%;
    .sider-lists {
        width: 80px;
        height: 1100px;
        background-color: #b71a00;
        float: left;
        .menu-list {
            width: 80px;
            height: 100%;
        }
        .fixed-bottom {
            display: fixed;
            width: 80px;
            height: 25px;
            background-color: #a41700;
            text-align: center;
            span {
                display: block;
                width: 100%;
                height: 100%;
            }
        }
    }
    .sider-show {
        float: right;
        width: 240px;
        height: 100%;
        background-color: #921500;
        .show-top {
            width: 100%;
            height: 100%;
            text-align: center;
            padding-top: 20px;
            font-size: 18px;
        }
        .menu-show {
            width: 100%;
            height: 50px;
        }
    }
}
</style>